<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue </title>
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/3.2.26/vue.global.min.js"></script>
</head>
<body>

<!-- <template> -->
    <div id="hello-vue" class="demo">
      <ul>
        <li v-for="item in items" :key="item.id">{{ item.name }}</li>
      </ul>
    </div>
  <!-- </template> -->
  
  <script>
  const HelloVueApp = {
    data() {
      return {
        items: [
          { id: 1, name: 'Vue 3' },
          { id: 2, name: 'JavaScript' },
          { id: 3, name: 'HTML' }
        ]
      };
    }
  };


  Vue.createApp(HelloVueApp).mount('#hello-vue')

  </script>
</body>
</html>